<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java"  isELIgnored="false"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta charset="utf-8">
    <link rel="icon" href="images/favicon.ico" type="images/x-ico" />
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <title>学生管理系统 - 登陆</title>
</head>
<style type="text/css">
    body{
        width: 1500px;
        margin: 0 auto;
    }
    #logo{
        width: 175px;
    }
    #font_1{
        font-size: 25px;
        width: 150px;
        text-align: center;
    }
    #head{
        margin-left: 200px;
    }
    .username,.userkey{
        float: left;
        width: 30px;
        vertical-align: top;
    }
    #userinput,#keyinput{
        height: 28px;
        width: 185px;
        border: 1px #bdbdbd solid;
        padding-left: 5px;
    }
    .log{
        width: 230px;
        font-family: 黑体;
    }
    .log_bgc{
        background-color: white;
        display: inline-block;
        position: absolute;
        top: 200px;
        right: 150px;
        width: 250px;
    }
    .log_bgp{
        width: 100%;
        height: 750px;
        position: relative;
        background: url(images/banner.jpg);
        background-size:cover;
    }
    .button{
        width: 100%;
        background-color: #E4393C;
        border: 0;
        color: white;
        height:25px;
    }
    p>span{
        font-size: 14px;
        color: grey;
        font-family: 黑体;
        margin: 0 10px 0 10px;
    }
    p{
        text-align: center;
    }
    footer{
        font-size: 14px;
        color: grey;
        font-family: 黑体;
    }
    a:hover{
        text-decoration: underline;
    }
    a{
        text-decoration: none;
    }
</style>
<body>
<table id="head">
    <tr>
        <td><img id="logo" src="images/logo.png"></td>
        <td id="font_1">欢迎登陆</td>
    </tr>
</table>
<div class="log_bgp">
    <div class="log_bgc">
        <form action="LoginServlet" method="post">
            <table class="log" align="center" >
                <tr style="height: 50px;">
                    <td style="color: #666666">登陆</td>
                    <td style="font-size: 12px;">
                        <a style="float: right;color: #E4393C;" href="register.jsp">立即注册</a>
                        <img src="images/icon5.jpg" style="width: 12px;float: right;">
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="color: red">
                        <c:choose>
                            <c:when test="${flag=='null'}">用户不存在</c:when>
                            <c:when test="${flag=='false'}">密码错误</c:when>
                        </c:choose>
                    </td>
                </tr>
                <tr style="height: 50px;">
                    <td colspan="2">
                        <img class="username" src="images/icon1.jpg" style="border-left: 1px solid #bdbdbd;border-top: 1px solid #bdbdbd;border-bottom: 1px solid #bdbdbd">
                        <input class="username" id="userinput" name="username" type="text" required placeholder="邮箱/用户名/已验证手机">
                    </td>
                </tr>
                <tr style="height: 50px;">
                    <td colspan="2">
                        <img class="userkey" src="images/icon2.jpg"style="border-left: 1px solid #bdbdbd;border-top: 1px solid #bdbdbd;border-bottom: 1px solid #bdbdbd">
                        <input class="userkey" id="keyinput" name="password" type="password" required>
                    </td>
                </tr>
                <tr style="height: 50px;">
                    <td colspan="2">
                        <input type="submit" value="登陆" class="button">
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
<p> <span>关于我们</span>|<span>联系我们</span>|<span>牢九门招聘</span>|<span>对抗路链接</span>|<span>牢九门联盟</span>|<span>边路社区</span>|<span>English Site</span>
    <footer align="center">Copyright?2004-2024 明不详 版权所有</footer>
</p>
</body>
</html>